<template>
  <div>
    <div class="title_name">
      <div>品牌房企</div>
      <div>更多</div>
    </div>
    <div>
    <div class="brand_house">
      <div>
        <img src="../assets/image/brand-house.png" alt="">
      </div>
      <div>
        <img src="../assets/image/brand-house.png" alt="">
      </div>
      <div>
        <img src="../assets/image/brand-house.png" alt="">
      </div>
      <div>
        <img src="../assets/image/brand-house.png" alt="">
      </div>
    </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'BrandHouse'
  }
</script>

<style scoped>
  .brand_house{
    display: -webkit-box;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .brand_house::-webkit-scrollbar{
    display: none;
  }
  .brand_house>div{
    margin: 10px 0 10px 10px;
    width: 6rem;
    height: 4.063rem;
    background-color: #ffffff;
    border: solid 1px #dddcdc;
    /*padding: 5px;*/
  }
  .brand_house>div:nth-child(1){
    margin-left: 0;
  }
  .brand_house img{
    width: 100%;
    height: 100%;
  }
  .title_name{
    display: flex;
    justify-content: space-between;
  }
</style>
